<template>
  <el-dialog
    append-to-body
    close-on-click-modal
    :title="title"
    :visible.sync="visible"
    class="htgl-htlb-bj-warp"
    @closed="dialogCloseHandler"
    width="30%"
  >
    <!-- 补交 -->
    <el-form
      :ref="editFormRef"
      class="edit-form formDialog"
      :model="formData"
      label-width="80px"
      v-if="parentParam.type=='bj'"
    >
      上传签订完成的合同扫描件：
      <upload-file url="http://xxxxxxx" multiple v-model="fileList">
        <span slot="tip">每个附件最大5M</span>
      </upload-file>
    </el-form>

    <!-- 复核 -->
    <el-form
      :ref="editFormRef"
      class="edit-form"
      :model="formData"
      label-width="120px"
      v-if="parentParam.type=='fh'"
    >
      <el-form-item label="合同编号" prop="htNum">
        <el-input type="number" :placeholder="formData.htNum" v-model="formData.htNum" disabled="disabled"></el-input>
      </el-form-item>
      <el-form-item label="合同生效日期" prop="sxTime" required >
        <el-date-picker v-model="formData.sxTime" type="date" placeholder="请选择合同生效日期"></el-date-picker>
      </el-form-item>
      <el-form-item label="查看合同">
        <el-button type="text">查看合同</el-button>
      </el-form-item>
    </el-form>
    <template slot="footer" class="dialog-footer">
      <el-button type="info" class="button-wide" @click="dialogCloseHandler">取消</el-button>
      <el-button type="primary" class="button-wide" @click="submitHandler">确定</el-button>
    </template>
  </el-dialog>
</template>
    
 <script>
export default JBoot({
  data() {
    return {
      moduleName: "htlb",
      fileList: []
    };
  },

  computed: {},

  methods: {},

  watch: {}
})
  .form()
  .build();
</script>
    
<style lang="scss">
.htgl-htlb-bj-warp {
  .formDialog {
    text-align: center;
    line-height: 40px;
    padding: 20px 0px;
  }
  .el-dialog__footer {
    text-align: center !important;
  }
}
</style>